html,body{height:100%;margin:0;padding:0;font-family:'Inter',sans-serif;overflow:hidden}body{display:flex;align-items:center;justify-content:center;text-align:center;background:#f3f4f6;color:#111827;padding:1rem}main{background:#fff;border-radius:.75rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);max-width:90%;width:600px;padding:1rem;box-sizing:border-box}.card-header{display:flex;padding:.5rem;gap:.35rem;margin-bottom:1rem;justify-content:flex-start}.card-header span{width:.75rem;height:.75rem;border-radius:9999px;display:inline-block}.blue{background-color:#3b82f6}.purple{background-color:#a855f7}.pink{background-color:#ec4899}img.logo{width:80px;height:80px;margin-bottom:1.5rem}h1{font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;margin:0 0 1rem;color:#111827}p{font-size:clamp(1rem,2.5vw,1.125rem);font-weight:400;margin:0 0 2rem;color:#4b5563;line-height:1.6}.cta{display:inline-block;padding:.75rem 1.5rem;border-radius:.5rem;text-decoration:none;font-weight:700;color:#fff;background:linear-gradient(90deg,#3b82f6,#a855f7,#ec4899);transition:transform .2s;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.cta:hover{transform:scale(1.05)}